<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
   
</style>
<body>
    <div id="app">
        <select name="" id="">
            <option v-for="item in list" :key="item.value" :value="item.value">{{ item.name }}</option>  
        </select>
    </div>
    
</body>
<script src="./Vue.js"></script>
<script>
    // 5. 模拟下拉框 [参考效果](https://www.jq22.com/webqd2375)
    const {createApp,ref} = Vue;
createApp({

    setup(){
        let list=ref([{
                name:'选择1'
            },
            {
                name:'选择2'
            },
            {
                name:'选择3'
            },
            {
                name:'选择4'
            }
        ])
        return{
            list
    }
    }
   
}).mount('#app')

</script>
</html>